<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>天星数科</title>
    <style>
        *{
            padding: 0;
            margin: 0;
            list-style: none;
        }
        .box{
            width: 1002px;
            margin: 0 auto;
            height: 76px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .head-ul{
            display: flex;
            height: 76px;
            line-height: 76px;
            width: 598px;
            justify-content: space-between;
        }
        .head-ul>:first-child{
            font-weight: bolder;
            border-bottom: 4px solid #2c6cf8;
            margin-bottom: 15px;
        }
        .head-li:hover{
            font-weight: bolder;
        }
        .box2{
            background-image: url("https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/top-banner.3daf51a.png");
            height: 445.3px;
            background-size: 70%;
            color: white;
            text-align: center;
            background-position: center center;
        }
        .box2>h1{
            padding-top: 140px;
            font-size: 54px;
            letter-spacing: 15px;
        }
        .box3{
            width: 120px;
            height: 39px;
            background-color: #01118e;
            margin: 0 auto;
        }
        .box4{
            width: 1200px;
            box-sizing: border-box;
            padding: 50px 180px;
            font-size: 18px;
            margin: 50px auto;
            line-height: 27px;
            color: #333333;
            text-indent: 2em;
        }
        .box5{
            height: 1406px;
            background-color: #f5f9fe;
        }
        .box5-a{
            padding-top: 90px;
            padding-bottom: 60px;
            width: 1002px;
            margin: 0 auto;
        }
        .box5-a>h1{
            text-align: center;
            color: #01103e;
            margin-bottom: 56px;
            font-size: 42px;
        }
        .body-ul{
            width: 1002px;
            margin: 0 auto;
            display: flex;
            background-color: #f7fbff;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .body-li{
            color: #374061;
            width: 435px;
            height: 200px;
            padding: 30px;
            margin: 3px;
            background-size: cover;
        }
        .li1{
            background-image: url("https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/box-chain.1264a7c.png");
        }
        .li2{
            background-image: url("https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/box-fintech.a950588.png");
        }
        .li3{
            background-image: url("https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/box-finance.332c2ae.png");
        }
        .li4{
            background-image: url("https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/box-insurance.9bfeded.png");
        }
        .li5{
            background-image: url("https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/box-wallet.322e8da.png");
        }
        button{
            margin-top: 20px;
            width: 100px;
            height: 35px;
            border-radius: 20px;
            border: none;
            color: white;
        }
        .body-li>h2{
            margin-bottom: 20px;
        }
        .body-li>h4{
            margin-bottom: 15px;
        }
        .box5-b{
            height: 344px;
            box-sizing: border-box;
            padding-bottom: 120px;
        }
        .body-ul2{
            display: flex;
            box-sizing: border-box;
            width: 1002px;
            height: 224px;
            margin: 0 auto;
        }
        .body-li2{
            box-sizing: border-box;
            padding-top: 40px;
            line-height: 36px;
            margin: 5px;
            width: 241px;
            height: 224px;
            background-color: #ecf3fe;
            color: #000a1f;
            text-align: center;
        }
        .box6{
            box-sizing: border-box;
            margin-top: 90px;
            height: 497px;
            display: flex;
            flex-wrap: wrap;
        }
        .box6-a{
            margin: 0 auto;
            text-align: center;
            width: 1002px;
            height: 302px;
        }
        .box6-a>h1{
            font-size: 42px;
            margin-bottom: 48px;
        }
        .box6-i>img{
            margin: 3px;
        }
        .box7{
            background-color: #1f222c;
        }
        .box7-a{
            width: 1002px;
            height: 496px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            box-sizing: border-box;
        }
        .right{
            color: white;
        }
        .right>h1{
            font-size: 36px;
        }
        .right>div{
            background-color: white;
            height: 4px;
            width: 66px;
            margin: 20px 0;
        }
        .right-p{
            color: rgba(255,255,255,0.6);
            font-size: 14px;
            margin: 20px 0;
        }
        .right-p>span{
            color: rgba(255,255,255,0.8);
        }
        .left{
            width: 260px;
            text-align: center;
            align-items: center;
            box-sizing: border-box;
        }
        .left-ul1{
            display: flex;
            justify-content: space-between;
            font-size: 12px;
            color: white;
            align-items: center;
            margin: 0 auto;
            margin-bottom: 50px;
        }
        .left-li{
            background-color: white;
            height: 12px;
            width: 1px;
        }
        .left-ul2{
            font-size: 12px;
            display: flex;
            color: white;
        }
        .left-ul2>li{
            margin: 0 auto;
        }
    </style>
</head>
<body>
<div class="box">
    <div>
        <img height="49.54" src="https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/logo.8e6b0dc.png">
    </div>
    <ul class="head-ul">
        <li class="head-li">首页</li>
        <li class="head-li">产业金融服务</li>
        <li class="head-li">金融科技服务</li>
        <li class="head-li">个人金融服务</li>
        <li class="head-li">经营证照</li>
        <li class="head-li">关于我们</li>
    </ul>
</div>
<div class="box2">
    <h1>数字科技服务实体经济<br />开放连接践行普惠金融</h1>
</div>
<div class="box3">
    <img width="120" height="39" src="https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/arrow-bottom.01dee17.png">
</div>
<div class="box4">
    <p>天星数科（原小米数科）是小米集团旗下数字科技服务平台。随着5G+万物互联时代来临，天星数科将依托小米集团“手机×AIoT”战略，秉承小米集团技术立业的传统，保持行稳致远的节奏，发挥深耕产业的优势，通过开放连接的平台模式，运用数字科技手段，不断自我提升，服务好实体企业的产业金融需求、服务好金融机构的转型升级需求、服务好广大消费者的个人金融需求。</p>
</div>
<div class="box5">
    <div class="box5-a">
        <h1>产品及服务</h1>
        <ul class="body-ul">
            <li class="body-li li1">
                <h2>产业金融</h2>
                <h4>数字驱动产业升级</h4>
                <p>运用大数据、AI、区块链等科技，为核心企业和行业B2B平台定制全链条、一站式金融解决方案 查看详情</p>
                <button style="background-color: #266cf4">查看详情</button>
            </li>
            <li class="body-li li2">
                <h2>金融科技</h2>
                <h4>科技重构价值</h4>
                <p>科技携手金融，打造产业金融数字化平台</p>
                <button style="background-color: #266cf4">查看详情</button>
            </li>
            <li class="body-li li3">
                <h2>财富</h2>
                <h4>星理财，心服务</h4>
                <p>综合性理财服务平台，为用户提供安全、专业、便捷的投资理财服务</p>
                <button style="background-color: #266cf4">查看详情</button>
            </li>
            <li class="body-li li4">
                <h2>保险</h2>
                <h4>好保险，更划算</h4>
                <p>创新型互联网保险服务，专业、全面、性价比高</p>
                <button style="background-color: #266cf4">查看详情</button>
            </li>
            <li class="body-li li5">
                <h2>钱包</h2>
                <h4>优惠支付，智享生活</h4>
                <p>为用户提供便捷的交易及多样化的生活服务</p>
                <button style="background-color: #266cf4">查看详情</button>
            </li>
        </ul>
    </div>
    <div class="box5-b">
        <ul class="body-ul2">
            <li class="body-li2">
                <img width="72" src="https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/1.cd34bcf.png">
                <h2>行稳致远</h2>
                <p>立足长远、敬畏风险</p>
            </li>
            <li class="body-li2">
                <img width="72" src="https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/2.b5c137f.png">
                <h2>开放连接</h2>
                <p>践行普惠、服务实体</p>
            </li>
            <li class="body-li2">
                <img width="72" src="https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/3.f478f0c.png">
                <h2>技术立业</h2>
                <p>科技为先、安全高效</p>
            </li>
            <li class="body-li2">
                <img width="72" src="https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/4.b85b0d4.png">
                <h2>服务为重</h2>
                <p>用户第一、优化体验</p>
            </li>
        </ul>
    </div>
</div>
<div class="box6">
    <div class="box6-a">
    <h1>合作伙伴</h1>
    <div class="box6-i">
        <img width="190" height="84" src="https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/bank1.a87d4d7.png">
        <img width="190" height="84" src="https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/bank2.1e7d5f0.png">
        <img width="190" height="84" src="https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/bank3.bf3f175.png">
        <img width="190" height="84" src="https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/bank4.c30141c.png">
        <img width="190" height="84" src="https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/bank5.2078417.png">
        <img width="190" height="84" src="https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/bank6.0aaeef1.png">
        <img width="190" height="84" src="https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/bank7.36291d2.png">
        <img width="190" height="84" src="https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/bank8.1c7821b.png">
        <img width="190" height="84" src="https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/bank9.253aab9.png">
        <img width="190" height="84" src="https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/bank10.2e45cd8.png">
    </div>
    </div>
</div>
<div class="box7">
    <div class="box7-a">
    <div class="right">
        <h1>联系我们</h1>
        <div></div>
        <h1>400-100-3399</h1>
        <p class="right-p">周一至周日 9:00-19:00</p>
        <p>消保委员会邮箱：mifi-cpcommittee@xiaomi.com
            <br />
            商务合作：finance-service@xiaomi.com
            <br />
            联系地址：北京市海淀区毛纺路58号院小米总参</p>
        <p class="right-p"><span>经营证照 </span>｜ Copyright © airstar.com 京ICP备19057461号
            <br />
            北京小米电子软件技术有限公司丨京公网安备11030102010662号 | 京ICP证B2-20201572号
        </p>
    </div>
    <div class="left">
        <ul class="left-ul1">
            <li>小米商城</li>
            <li class="left-li"></li>
            <li>MIUI</li>
            <li class="left-li"></li>
            <li>有品</li>
            <li class="left-li"></li>
            <li>loT</li>
            <li class="left-li"></li>
            <li>天星银行</li>
        </ul>
        <ul class="left-ul2">
            <li>
            <img width="110" src="https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/shuke_qrcode.d869824.png">
            <p>天星数科公众号</p>
            </li>
            <li>
            <img width="110" src="https://cdn.cnbj1.fds.api.mi-img.com/mifi-web/img/app-qrcode.2066a50.png">
            <p>天星金融App公众号</p>
            </li>
        </ul>
    </div>
    </div>
</div>
</body>
</html>